

@extends('common.header')

<!-- 1.添加meta csrf_token -->
<meta name="csrf-token" content="{{ csrf_token() }}">  
<script src=" {{ asset('/js/jquery-1.8.3.min.js') }} "></script>
<script type="text/javascript" >
	
	<!-- 2. 设置全局ajax选项 -->
	$.ajaxSetup({
		headers: {
			'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
		}
	});
	var _token = $('meta[name="csrf-token"]').attr('content');
	
	// 批量删除
	function all_del()
	{
		var all	 =	[];
		var key	 =	0;
		$("input[type=checkbox]:checked").each(function(){
			// 遍历 获取每个选中框的值 评论ID
			var id = $(this).val();
			if( id != 'all' )
			{
				++key;
				all[key] = id ;
			}
		});
		if( key==0 ){
			alert('没有要删除的相册');
			location.reload();
			return false;
		}
		
		if( confirm('确定要删除这些相册吗？') )
		{
			$.ajax({
				type:"post",
				url:"{{ url('/photos/delAll') }}",
				data:{all:all,_token:_token},
				async:true,    					
				dataType:"json",
				success:function(back){
					// 2.模态框 不要动
					$('#show_info').html( '' );
					$('#show_info').html( back['show_info'] );
					if( back['show_info']=='删除成功' )
					{
						setTimeout(function(){
							location.reload();
						}, 1000); 
					}
					
				}
			});
		}else
		{
			location.reload();
			return false;
		}
		
	}
	
</script>
<br/><br/><br/><br/>
<br/><br/>


<!-- 页面标记 -->
<div style="float:left;margin-left:130px;">
	<mark style="font-size:18px;">{{ $title }}</mark>
</div>



<!-- 搜索框 -->
<form action="{{ url('/photos') }}" method='post' >
	<div class="col-lg-6" style="width:35%;float:left;margin-left:200px;" >
		<div class="input-group"  >
			
			{{ csrf_field() }}
			
			<input  type="text" name='keyword' class="form-control" placeholder="输入相册名 进行查询 ...." value="{{ $request or '' }}" />
			
			<span class="input-group-btn">
				<input class="btn btn-success" type="submit" value="Go!" />
				<a class="btn btn-default" href="{{ url('/photos') }}" />清空条件</a>
			</span>
			
		</div>
	</div>
</form>



<br/><br/><br/>



<!-- 评论表格 -->
<div class="bs-example" data-example-id="hoverable-table" style="width:80%;margin:0 auto;">
    <table class="table table-hover">
		<thead>
			<tr>
				<th></th>
				<th>id</th>
				<th>标题</th>
				<th>分类</th>
				<th>创建时间</th>
				<th>状态</th>
				<th>
					<a style="font-size:26px;color:#EE3B3B;" href="{{ url('/photos/create') }}" >创建相册</a>
				</th>
			</tr>
		</thead>
		<tbody>
			@forelse($photos as $photo_info)
				<tr>
					<td>
						<input type="checkbox" name="photo_id[]" value="{{ $photo_info->id }}" />
					</td>
					<td>{{ $photo_info->id }}</td>
					<td>{{ $photo_info->title }}</td>
					<td>{{ $photo_info->cname }}</td>
					<td>{{ $photo_info->create_at }}</td>
					<td>{{ $photo_info->statusInfo }}</td>
					<td>
						<a  href="{{ url('/photos/create') }}/{{ $photo_info->id }}" > 编辑 </a>
						<span> &nbsp;&nbsp; | &nbsp;&nbsp;  </span>
						<a style="color:#008B00;font-size:16px;" href="{{ url('/photos/addDesc') }}/{{ $photo_info->id }}" > 封面及图片描述  </a>
						@if ( $photo_info->status == '1' )
							<a style="cursor:pointer;" data-toggle="modal" data-target=".bs-example-modal-sm" onclick="upStatus({{ $photo_info->id }},2)" >&nbsp;&nbsp; | &nbsp;&nbsp; 推荐</a>
						@else
						@endif
					</td>
				</tr>
			@empty
				<tr>
					<td scope="row"><h2>暂无数据</h2></td>
				</tr>
			@endforelse
			<tr>
				<td style="width:60px;">
					<label for="allChoose" >
						<input type="checkbox" name="news_id[]" value='all' ischeck='no' id="allChoose" />全选
					</label>
				</td>
				<td style="width:60px;">
					<a onclick="all_del()" style="cursor:pointer;" data-toggle="modal" data-target=".bs-example-modal-sm" >删除</a>
				</td>
			</tr>
		</tbody>
    </table>
</div>


<!-- 1.模态框 不要动 -->
<div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
	<div class="modal-dialog modal-sm" role="document" id='show_info'  style="margin-top:80px;margin-left:45%;color:white;font-size:20px;">
	</div>
</div>

<!-- 分页 -->
<div style='text-align:center;'>
	{{ $photos->appends(['keyword'=>$request])->links() }}
</div>
<div class="badge" style="width:100%;text-align:center;font-size:18px;margin-bottom:70px;" >
		共{{ $photos->total() }}条数据
</div>

<script>
	
	
	// 执行 修改 相册状态 
	function upStatus( id,status )
	{
		if( confirm('你真的确定？') )
		{
			$.ajax({
				type:"post",
				url:"{{ url('/photo/upstatus') }}"+'/'+id,
				data:{status:status,_token:_token},
				async:true,    					
				dataType:"json",
				success:function(back){
					// 2.模态框 不要动
					$('#show_info').html( '' );
					$('#show_info').html( back['show_info'] );
					setTimeout(function(){
						location.reload(); 
					}, 1000);  
					
				}
			});
		}else
		{
			location.reload();
		}
	}
	
	
	
	$(function(){
		
		// 批量选中
		$('#allChoose').click(function(){
			// 是否选中
			var res=$(this).attr('ischeck');
			// 未选中
			if( res=='no' ){
				// 设置为 已选中
				$(this).attr('ischeck','yes');
				// 全部选中
				$("input:checkbox").prop('checked',true);
			}else{
				// 设置为 未选
				$(this).attr('ischeck','no');
				// 全部 取消 选中
				$("input:checkbox").prop('checked',false);
			}
		});
	});
	
</script>


@extends('common.footer')